<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="html5plus://ready"></script>
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/Msg_Chat.css" />
		<script src="../js/flexible.min.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body contextmenu="return false;">
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title"></h1>
			<a class="mui-icon mui-icon-more mui-pull-right" id="anniu"></a>
		</header>
		<pre id='h'></pre>
		<div class="mui-content">  

			<div id='msg-list' v-scroll-bottom="Msgdata">
				<template v-for="(msg,i) in Msgdata">
					<div class="msgtime"><span>{{msg.send_time|Timeconversion}}</span></div>
					<div class="msg-item" v-bind:class="msg.send_uid==MsgList.uid?'msg-item-self':''">
						<img v-on:click="openblog(msg.send_uid)" v-bind:class="msg.send_uid==MsgList.uid?'msg-user':'msg-user-img'" :src="msg.headimg==''?'../img/function/mtoux.jpg':msg.headimg" />
						<template v-if="msg.reply_type == 0">
							<div class="msg-content">
								<div class="msg-content-inner" v-html="msg.content"></div>
								<div class="msg-content-arrow"></div>
							</div>
						</template>
						<template v-else-if="msg.reply_type == 1">
							<div class="msg-content">
								<div class="msg-content-inner">
									<img id="msg_pic" class="msg-content-image msg_pic" :src="msg.media_url" data-preview-src="" data-preview-group="3" />
								</div>
								<div class="msg-content-arrow"></div>
							</div>
						</template>
						<template v-else-if="msg.reply_type == 2">
							<div class="msg-content msg-sounds" msg-type='msg.reply_type' :msg-content='msg.media_url'>
								<audio style="display: none;">
									<source :src="msg.media_url" type="audio/mpeg">
									<source :src="msg.media_url" type="audio/ogg">
								</audio>
								<div class="msg-content-inner">
									<span class="mui-icon mui-icon-mic" style="font-size: 18px;font-weight: bold;"></span>
									<span class="play-state">点击播放</span>
								</div>
								<div class="msg-content-arrow"></div>
							</div>
						</template>
						<template v-else-if="msg.reply_type == 4">
							<div class="msg-content msg-content3 ">
								<div class="msg-content-inner">
									<img class="msg-content-image" :src="msg.giftid|liwpic" style="width: 100%;max-width: 3rem;" />
								</div>
								<div class="msg-content-arrow"></div>
							</div>
						</template>
						<template v-else-if="msg.reply_type == 5">
							<div class="msg-content">
								<div class="msg-content-inner boximg" v-on:click="opencall">
									<img src="../img/function/msg-chat-2.png" /> 未接通，马上回拨！
								</div>

								<div class="msg-content-arrow"></div>
							</div>
						</template>
						<template v-else-if="msg.reply_type == 7">
							<div v-if="msg.send_uid==MsgList.uid" class="msg-content msg-content7">
								<div class="msg-content-inner boximg msg-content-color">
									<img src="../img/hello/sayhi.png" /> 你向对方打了个招呼
								</div>
								<div class="msg-content-arrow"></div>
							</div>
							<div v-else class="msg-content msg-content7">
								<div class="msg-content-inner boximg msg-content-color">
									<img src="../img/hello/sayhi.png" /> 我对你的感觉不错哦！
								</div>
								<div class="msg-content-arrow"></div>
							</div>
						</template>
						<div class="mui-item-clear"></div>
					</div>
				</template>

			</div>
			<!--<div>没有消息</div>-->
		</div>
		<div id="yuyin" class="yuyin-box">
			<a href="javascripg:;"><img src="../img/function/live_ic_iphone.png" /></a>
		</div>
		<div id="liwulist" class="liwu-box">
			<a href="javascripg:;"><img src="../img/function/live_ic_gift.png" /></a>
		</div>
		
		<footer id="footer">
			<div class="footer-left">
				<i id='msg-image' class="mui-icon mui-icon-camera" style="font-size: 28px;"></i>
			</div>
			<div class="footer-center">
				<textarea id='msg-text' type="text" class='input-text'></textarea>
				<button id='msg-sound' type="button" class='input-sound' style="display: none;">按住说话</button>
			</div>
			<label for="" class="footer-right">
					<i id='msg-type' class="mui-icon mui-icon-mic"></i>
				</label>
		</footer>
		<!--<div id="closebox">
			<div class="closebox_zi">
				<img src="img/close-message.png" /> 回复并索要联系方式
			</div>
		</div>-->

		<div id='sound-alert' class="rprogress">
			<div class="rschedule"></div>
			<div class="r-sigh">!</div>
			<div id="audio_tips" class="rsalert">手指上滑，取消发送</div>
		</div>
		<div id="showTanChuang"></div>
	</body>
	<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/md5.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/function.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/mui.previewimage.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/mui.zoom.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/Msg_Chat.js" type="text/javascript" charset="utf-8"></script>

</html>